<template>
  <div class="grid-component-container">
    <nut-grid :column-num="3" clickable border>
      <nut-grid-item text="热销榜"><Dongdong /></nut-grid-item>
      <nut-grid-item text="精品推荐"><Dongdong /></nut-grid-item>
      <nut-grid-item text="限时优惠"><Dongdong /></nut-grid-item>
    </nut-grid>
  </div>
</template>
<script setup lang="ts">
import { Dongdong } from "@nutui/icons-vue-taro";
</script>
<style lang="scss">
.grid-component-container {
  padding: 10px 20px;
  .nut-grid {
    .nut-grid-item__text {
      font-size: 30px;
      font-weight: 700;
      color: #15181d;
    }
  }
}
</style>
